// 引入模块
const fs = require("fs")
const path = require("path")

// 需求 : 将index.html拆分为三个文件 分别是 css js html

// 正则匹配
const regCss = /<style>[\s\S]*<\/style>/
const regJs = /<script>[\s\S]*<\/script>/

// 读取文件
fs.readFile(path.join(__dirname, 'index.html'), 'utf-8', (err, data) => {
  const cssStr = data.match(regCss)[0].replace('<style>', '').replace('</style>','')
  const jsStr = data.match(regJs)[0].replace('<script>', '').replace('</script>','')
  const htmlStr = data.replace(regCss, '<link rel="stylesheet" href="./index.css">').replace(regJs, '<script src="./index.js"></script>')
  // 写入css文件
  resolveFile(cssStr, 'index.css')
  // 写入js文件
  resolveFile(jsStr, 'index.js')
  // 写入html文件
  resolveFile(htmlStr, 'index.html')
})

// 写入文件
function resolveFile(data, fileName) {
  // 创建clock目录
  fs.mkdirSync(path.join(__dirname, 'clock'), { recursive: true })
  // 写入文件
  fs.writeFile(path.join(__dirname, '/clock', fileName), data, (err) => {
    if (err) {
      console.log(err)
    } else {
      console.log(fileName+'写入成功')
    }
  })
}
